// @import './com'
* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
  }
  .box {
    height: 50px;
    background-color: #222;
    .container {
      padding: 0;
      // 导航栏
      .navbar-header {
        .navbar-brand {
          padding: 0 15px;
          display: flex;
          align-items: center;
        }
      }
      .navbar {
        border: none;
        margin-bottom: 0;
      }
      .navbar-wrapper {
        .navbar-brand {
          padding: 0 15px;
          > img {
            width: 130px;
          }
        }
      }
    }
  }
  .carousel-inner{
      width: 100%;
      img{
          width: 100%;
      }
  }


  // 内容
  .main{
    // 引擎
    .engine{
      background-color: #fbfaf7;
      .container{
        >.row{
         >.txt{
           margin-bottom: 3.75rem;
                
           h1{
            padding: 0;
             margin-top: 6.5625rem;
             margin-bottom: 2rem;
             color: #0078d7;
            font-size: 2.96875rem;
             font-weight: bold;
             >small{
               padding: 0;
             }
           }
             >ul{
               margin-top: 4rem;
              .txt1{
               margin-top: 2.1875rem;
                display: flex;
              >img{
               width:4rem;
               height: 4rem;
                padding: 0;
              }
                 .txt2{
                   margin-left: 1rem;
                   padding-right:10.2rem;
                  span{
                    font-size: .875rem;
                    color: #666;
                    margin-top: 5rem;

                  }
                   h4{
                     font-size: 1.2025rem;
                     margin-bottom: 0.8rem;
                     margin: 0;
                   }
                 }
               }
             }
         }
           >img{
           
             margin-top: 8.5625rem;
             margin-bottom: 2.5rem;
           }
        }
      }
    }
    // 优势
    .ys{
      .ys_row{
        margin: 90px 0;
        .l{
            margin-top: 6.25rem;
        }
        .r{
          padding: 0;
          .title{
            margin-bottom: 2.8125rem;
            h3{
              color: #8fc31f;
              font-weight: bold;
              font-size: 3rem;
            }
          }
          .ys_box{
            .ys_txt{
              display: flex;
              align-items: center;
               margin-bottom: .9375rem;
               span{
                 margin-left: .625rem;
                 font-size: .875rem;
                 color: #666666;
               }
            }
          }
        }
      }
    }
    // 家族
    .jz{
      background-color: #0079d7;
      .container{
        .title{
          margin-bottom:4.375rem;
          display: flex;
          justify-content: center;
          h3{
            margin-top: 0;
            font-size: 3.03125rem;
            color: #fff;
          }
        }
        .jz_row{
          margin-top: 6.875rem;
          margin-bottom: 4.375rem;
          .l{
            margin-bottom:4.6875rem;
            
            
            .jz_box{
              .jz_txt{
                display: flex;
                img{
                  margin-top: 0.9rem;
                  width: 4.375rem;
                 height: 4.375rem;
                 margin-left: 3rem;
                }
                div{
                  padding-right: 5.5rem;

                  margin-left: 4.375rem;
                  h4{

                    margin-top: 0;
                    font-size: 2.055625rem;
                    color: #fff;
                  }
                  span{
                    font-size: .875rem;
                    color: #fffefe;

                  }

                }
              }
            }
          }
     
        
  
        }
      }
      
    }
    //更多
    .gd{
      .gd_row{
        margin: 2.5rem 0;
        .title{
          margin: 2.8125rem 0;
          display: flex;
          justify-content: space-between;
          h3{
            font-size: 2.165625rem;
            margin: 0;
          }
          a{
            color: #000;
            font-size: .875rem;
          }
        }
        .r{
         padding-right: 0;
          .r_fn{
            .fn_row{
              .r_fn1{
            margin-bottom: 2.1875rem;

                display: flex;
                justify-content: space-around;
                padding: 0;
            }
            }
            a{
              text-decoration: none;
              text-align: center;
              color: #000;
              display: flex;
              flex-direction: column;
              align-items: center;
              font-size: .875rem;
              img{
                margin-bottom: .4375rem;
          
              }
            }
          }
          .r_fn:first-child{
            margin-bottom:2.125rem ;
            padding: 0rem;
          }
        }
      }
    }
  }



  // 尾部
  footer{
    // 合作伙伴
    .hz{
      background-color: #f4f4f4;
      .hz_con{
        .hz_row{
          margin-bottom: 40px;
          .title{
            h2{
              margin-top:40px;
              margin-bottom: 30px;
            }
          }

          .hz_fun{
            .hz_fn{
              .hz_box{
                padding:  0;
                display: flex;
              margin-bottom: 24px;

             }
            }
            
          }
        }

      }
    }

    //底部联系
       .bt{
         background-color: #3b3b3b;
           .bt_con{
             .bt_row{
              //  联系
               .txt{
                 margin: 1.875rem 0;
                 p{
                   color: #9798a0;
                   a{
                   color: #9798a0;
                   }
                   &:first-child{
                     font-size: .875rem;
                   }
                   &:last-child{
                     font-size: .75rem;
                   }
                 }
               }
             }
            //  二维码
             .bt_pic{
               margin-top:2.3125rem;
                 text-align: right;
               img{
                 &:first-child{
                     &:hover+img{
                       display: block;
                     }
                 }
                 &:nth-child(3){
                   margin: 0 1.25rem;
                   &:hover +img {
                     display: block ;
                   }
                 }
                 &:nth-child(5){
                   &:hover+img{
                     display: block;
                   }
                 }

                //  隐藏
                 &:nth-child(2){
                  position: absolute;
                  bottom: 40px;
                  right: 69px;
                  display: none;
                 }
                 &:nth-child(4){
                  position: absolute;
                  bottom: 40px;
                  right: 15px;
                  display: none;
                 }
                 &:last-child{
                  position: absolute;
                  bottom: 40px;
                  right: -40px;
                  display: none;
                 }
               }
             
             }
           }
       }
  }
  
  // ipad端 >= 768px   < 992px
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .box {
      height: 100%;
      .navbar-wrapper {
        .navbar {
          margin-bottom: 0;
        }
        // 语言
        #navbar {
          .dropdown {
            position: absolute;
            top: 0;
            right: 80px;
          }
        }
      }
    }
    // 内容
    .main{
      // 引擎
      .engine{
        .container{
         .row{
           .txt{
             margin-bottom: 0;
             h1{
               margin: 2rem 0;
               line-height: 3rem;
             }
             small{
               margin-top: 1rem;
             }
             ul{
            margin-top: 0;
                  .txt1{
                    margin-top: .9375rem;
                    margin-bottom: 3rem;
                   .txt2{
                     padding: 0;
                     >h4{
                       margin-top: 0;
                     }
                   }
                  }
              
             }
           }
        
         }
        }
       
      }
      // 优势
      .ys{
        .ys_row{
          margin:0;
        }
      }
      // 家族
      .jz{
        .container{
          .jz_row{
            margin: 3rem 0;
            .l{
              .jz_fn{
                .jz_txt{
                  margin-bottom: 1rem;
                  img{
                    margin: auto 0;
                  }
                  div{
                    padding: 0;
                  }
                }
              }
             margin-bottom:0;
             
            }
          }
        }
      }
       // 更多
  .gd{
    .gd_row{
      margin: 0;
      .l{
        img{
          width: 100%;
        }
      }

      .r{
        padding:0 15px;
          .r_fn{
            .fn_row{
              .r_fn1{
                margin-top: 2rem ;
                margin-bottom: 0 ;
                a{

                  img{
                    width: 100%;
                  }
                }

              }
              
            
            }
          
          }
      }
    
    }
  }
      
    }
    
    footer{
      // 合作
      .hz{
        .hz_con{
          .hz_row{
            margin: 0;
            margin-bottom:1rem ;
            .title{
              h2{
              margin:1rem;
  
                font-size: 2rem;
              }
            }
            .hz_fun{
              .hz_fn{
                .hz_box{
                  margin-bottom: 2rem;
                  div{
                    img{
                      width: 120%;
                    }
                  }
                }
              }
            }
          }
        }
      }

      // 底部联系
      .bt{
        .bt_con{
          .bt_row{
           .ewm{
             width: 50%;
           } 
           img{
             &:nth-child(2){
               right:94px;
             }
             &:nth-child(4){
              right:40px;
            }
            &:last-child{
              right:-12px;
            }
           }
          }
        }
      }
   }
  }
  
  // 移动端 < 768px
  @media screen and (max-width: 767px) {
    .box {
      height: 100%;
      .navbar-wrapper {
        .container {
          .navbar {
            margin-bottom: 0;
          }
          // 语言
          #navbar {
            position: absolute;
            left: 0;
            top: 50px;
            background-color: #222;
            width: 100vw;
          
          }
        }
      }
      
  }
    //  内容
     .main{
      //  引擎
       .engine{
         .container{
          .row{
            .txt{
              margin: 0;
              h1{
                display: flex;
                flex-direction: column;
                align-items: center;
                font-size: 2rem;
                margin: 1.5rem 0;
                line-height: 3rem;
              }
              ul{
             margin-top: 0;
                   .txt1{
                     margin-top: .9375rem;
                    .txt2{
                      padding-right: 0;
                      >h4{
                        font-size: 1.5rem;
                        margin-top: 0;
                        margin-bottom: .3125rem;
                      }
                    }
                   }
              }
            }
            .pic{
              display: none;
            }
          }
         }
        
       }
      //  优势
  .ys{
    .ys_row{
      margin: 0 !important;

      .l{
        margin-top: 0 !important;
        img{
          display: none;
        }
        
      }
      .r{
     
        .title{
           display: flex;
           justify-content: center;
           margin-bottom: 0;
           h3{
             font-size: 2rem;
           }
        }
      }
    }
  }
  // 家族
  .jz{
    .container{
      .jz_row{
        margin-top: 0;
        .title{
          margin: 2rem 0;
          h3{
            margin-bottom: 0;
            font-size: 2rem;
          }
        }
        .l{
          .jz_fn{
            .jz_txt{
              margin-bottom: 1rem;
              img{
                margin: auto 0;
              }
              div{
                padding: 0;
              }
            }
          }
         margin-bottom:0;
         
        }
      }
    }
  }
  // 更多
  .gd{
    .gd_row{
      margin: 0;
      .l{
        img{
          width: 100%;
        }
      }

      .r{
        padding:0 15px;
          .r_fn{
            .r_fn1{
              margin: .9375rem 0;
                  &:nth-child(2){
                  margin-bottom: 0;
                }
                &:last-child{
                  margin-bottom: 0;
                }
                a{
                  font-size: .625rem;
                  img{
                    width: 80%;
                  }
                }
            }
          
          }
      }
    
    }
  }
  }
  // 尾部
  footer{
    // 合作
    .hz{
      .hz_con{
        .hz_row{
          margin: 0;
          .title{
            h2{
            margin:1rem;
            margin-left: 0.3rem;
              font-size: .9375rem;
            }
          }
          .hz_fun{
            .hz_fn{
              .hz_box{
                margin-bottom: .5rem;
                div{
                  img{
                    width: 150%;
                  }
                }
              }
            }
          }
        }
      }
    }
    //底部联系
    .bt{
      .bt_con{
        .bt_row{
          .txt{
            margin: 1rem  0;
            p{
             
                margin-bottom: 0;
            }
          }
          .bt_pic{
            margin-top: 20px;
            // padding: 0;
           .pic1{
             width: 20%;
           }
            .ewm{
              width:30%;
            }
            img{
              &:last-child{
                bottom: 28px;
                right: 3px;
              }
              &:nth-child(2){
                bottom:28px;
                right: 86px;
              }
              &:nth-child(4){
                bottom: 28px;
                right: 46px;
              }
            }
             
             
          }
        }
      }
    }
 }
  
}